<template>
    <el-card style="height: 100%">
        <el-scrollbar style="height: 100%">
            <router-view></router-view>
        </el-scrollbar>
    </el-card>
</template>

<script>
    export default {
        name: "side-bar",
        data() {
            return {
                height:'height: 86px'
            }
        },
        mounted() {
            // this.initChartsIconSize();
        },
        methods: {
            /**     动态加载图标大小     **/
            initChartsIconSize(event) {
                let marginLeft = document.getElementsByClassName('el-row').item(0).style.marginLeft;
                let width = document.getElementsByClassName('charts_details').item(0).clientWidth;
                width = width + Number.parseFloat(marginLeft) + 'px';
                this.$set(event.currentTarget.style, 'height', width)
                this.$set(event.currentTarget.style, 'width', width)
            }
        }
    }
</script>

<style scoped>

</style>